<!--
 * @Author: your name
 * @Date: 2021-08-13 11:37:46
 * @LastEditTime: 2021-11-05 14:44:04
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \jinfeng_up\src\views\myWait\mywaitPane\beyondMeetingPane\severePenalty\severePenalty.vue
-->
<template>
  <div class="severePenalty">
    <el-row>
      <el-col>
        <span class="titleSpan">超期反馈</span>
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <SeverePenaltyFeedBack
          :commonTableData="serverCommonFeedTableData"
          @Search="onSearchInfo"
        ></SeverePenaltyFeedBack>
      </el-col>
    </el-row>
    <br />
    <el-row>
      <el-col>
        <span class="titleSpan">超期任务</span>
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <SeverePenaltyTask :commonTableData="serverCommonTaskTableData" @Search="onSearchInfo"></SeverePenaltyTask>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import SeverePenaltyTask from './severePenaltyTask/severePenaltyTask.vue'
import SeverePenaltyFeedBack from './severePenaltyFeedBack/severePenaltyFeedBack.vue'
export default {
    name: '',
    components: {
        SeverePenaltyTask,
        SeverePenaltyFeedBack
    },
    props: {
        serverCommonTaskTableData: {
            type: Array
        },
        serverCommonFeedTableData: {
            type: Array
        }
    },
    data() {
        return {}
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {},
    methods: {
        onSearchInfo() {
            this.$emit('Search')
        }
    }
}
</script>

<style scoped lang="less">
.titleSpan {
  width: 73px;
  height: 18px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 64px;
}
</style>
